.clearfix {
  &:after, &:before {
    content: '';
    line-height: 0;
    display: table;
  }

  &:after {
    clear: both;
  }
}

.animated-faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

// 正常状态显示
.scrollbar(@xxx: 6px, @color-bgColor: @color-n1-1, @color-thumb: rgba(0, 0, 0, .3)) {
  &::-webkit-scrollbar {
    width: @xxx;
    height: @xxx;
    background-color: @color-bgColor;
  }
  &::-webkit-scrollbar-thumb {
    background-color: @color-thumb;
    border-radius: 10px;
    border: 0;

    &:hover {
      background-color: fadein(@color-thumb, .2);
    }
  }
  &::-webkit-scrollbar-track {
    display: none;
  }
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.user-select(@xyz) {
  -webkit-user-select: @xyz;
  user-select: @xyz;
}

.ellipsis-line(@lineNum) {
  overflow: hidden;
  -webkit-line-clamp: @lineNum;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.full-img(@radius: 0) {
  > img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: @radius;
  }
}
